<template>
    <div class="wrap">  
        <div class="modal" :id = "id" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">         
                        <h3 class="modal-title" id="myModalLabel">{{title}}</h3>
                        <span class="close" data-dismiss="modal" aria-hidden="true">&times;</span>
                    </div>
                    <div class="modal-body">
                        <!--成功-->
                        <div v-if="status==='ok'">
                            <img  src="../img/success.png" />
                            <span style="font-size:16px;margin-top:20px;margin-left:10px">{{$t('common.successNotice')}}</span>
                            <p style="color:#00cc66;font-size:16px;margin-top:20px;margin-left:10px">{{Msg}}</p>
                        </div>
                        <!--失败-->
                        <div v-else-if="status==='error'">        
                            <img  src="../img/cry.png" />
                            <span style="color:#b31313;font-size:16px;margin-left:10px">{{errorMsg}}</span>
                        </div>	         
                    </div>
                    <slot name='modal_footer'>
                        <div class="modal-footer">                       
                            <button class="sure-btn button button--aylen" data-dismiss="modal">确认</button>					
                        </div>
                    </slot>
                </div>
            </div>
        </div>               
    </div>
</template>
<script>
    
    export default {
        props: {
            id:{
                type:String
            },
            title:{
                type:String
            },
            status:{
                type:String
            },
            errorMsg:{
                type:String
            },
            Msg:{
                type:String
            }
		},
        data() {
            return{
                
            }
        },
        watch:{

        },
        methods:{
               
        }
    }

</script>
<style scoped>
     .modal-footer{
         display: flex;
         justify-content: flex-end;
     }
</style>